import React, { Component } from 'react'

export default class TabBar extends Component {
  render() {
    console.log(this);
    return (
      <div style={{width:'300px',height:'50px',border:'1px solid #000',display:'flex'}}>
         <div style={{flexGrow:1,height:'100%',backgroundColor:'orange'}}>{this.props.children[0]}</div>
         <div style={{flexGrow:3,height:'100%',backgroundColor:'springgreen'}}>{this.props.children[1]}</div>
         <div style={{flexGrow:1,height:'100%',backgroundColor:'skyblue'}}>{this.props.children[2]}</div>
      </div>
    )
  }
}
